<!DOCTYPE html>
<html dir="ltr" lang="en">
  <head>
    <meta charset="utf-8" />
    <meta name="viewport" content="width=device-width, initial-scale=1.0, minimum-scale=1.0, maximum-scale=5.0" />
    <title>Stencil Component Starter</title>

    <script type="module" src="/build/taichi-ui.esm.js"></script>
    <script nomodule src="/build/taichi-ui.js"></script>
  </head>
  <style>
    html,
    body {
      margin: 0;
    }

    body {
      height: 100vh;
      /* display: flex; */
      /* justify-content: center; */
      background: #222;
      /* align-items: center; */
    }
  </style>
  <script></script>
  <body>
    <t-nav style='margin: 12px;' />
    <!-- <t-page-loading /> -->
    <script>
      document.querySelector('t-nav').data = [{
        label: '首页',
        children: [{
          label: '1-2'
        },{
          label: '1-3'
        }]
      }, {
        label: '新闻'
      },{
        label: '报纸'
      },{
        label: '主页',
        children: [{
          label: '1-2'
        },{
          label: '1-3'
        }]
      },{
        label: '关于我们',
        children: [{
          label: '1-2'
        },{
          label: '1-3'
        }]
      }]
    </script>
  </body>
</html>
